<DOCTYPE html>
<html lang="es">
<head>
<title>:INCUBADORA ITH: Contacto</title>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<meta name="description" content="Bienvenido al centro de incubacion de empresas"/>
<meta name="viewport" content="width=device-width,initial-scale=1"/>
<link rel= 'shortcut icon' type= 'image/x-icon' href= 'ith.ico'/>
<link href="ith.ico" rel="shortcut icon" />
<link type="text/plain" rel="alumnos" href="humans.txt" />
<link rel='sitemap' type="application/xml"  href='sitemaps.xml'/>
<link rel= 'stylesheet' href= 'css/estilos.css'/>
<link rel='stylesheet'  href='css/flexslider.css'/>
<script src="https://ajax.googleapis.com/ajax/libs/jquery/1/jquery.min.js"></script>
<script>
!window.jQuery && document.write("<script src='js/jquery.min.js'><\/script>"):
</script>
<script src="js/jquery.flexslider.js"></script>
<script src="//html5shiv.googlecode.com/svn/trunk/html5.js"></script>

<script>
$(window).load(function(){
$('.flexslider').flexslider(
{ animation: "slide"});
});
</script>

<script type="text/javascript">
function validanombre(){
	if (document.formulariocontacto.nombre.value.length<3){
		alert ("Te pasaste de lanza")
	}
}
function validaemail(email) { 
var re  = /^([a-zA-Z0-9_.-])+@(([a-zA-Z0-9-])+.)+([a-zA-Z0-9]{2,4})+$/; 
if (!re.test(email)) { 
    alert ("Dirección de email inválida"); 
    return false; 
} 
function validarcometarios(){
	if (document.formulariocontacto.comentarios.value.length>140){
		alert ("Te pasaste de lanza")
	}
}
</script>
</head>
	<body>
	 

	<section id="menu-g">
		<section id="a">
			<article id="logo">
			<article id="imagen">
	
			<img src="images/logo-ciie.png" height="150" width="150" > 


			</article>

		</section>
<article id="as"><legend>CENTRO DE INCUBACION E INNOVACION EMPRESARIAL</legend> </article>
		<section id="b">
			<article id="menu">
			<nav>
	
			<ul>
				<li><a href="index.html">Inicio</a><li>
				<li><a href="acerca.html">Acerca</a><li>
				<li><a href="servicios.html">Servicios</a><li>
				<li><a href="incubados.html">Incubados</a><li>
				<li><a href="contacto.html">Contactanos</a><li>
				<li><a href="iniciar.html">Iniciar Sesion</a><li>
			</ul>

			</nav>
			</article>
		</section>
		</section>
		<section id="fondo">

		<section id="aviso-convocatoria">

		<section id="aviso">
			<fieldset>
				<legend>aviso</legend>
			</fieldset>
			<br/>
		</section>
		<section id="convocatoria">
			<fieldset>
				<legend>convocatoria</legend>
			</fieldset>
		</section>
		</section></btr>
		<section id="cuerpo" class="">

		<section id= 'contenido'>
			<section id= 'contacto'>
				<h2><legend>Cont&aacute;ctanos</legend></h2>
				<article id='info-contacto'>
					<p>
						Email:
						<span class='datos-contacto'> claudiaarias8@hotmail.com </span><br/>
						M&oacute;vil:
						<span class='datos-contacto'> 6621343751 </span><br/>
						Web:
						<span class='datos-contacto'> www.ith.mx </span><br/>
						Direcci&oacute;n:
						<span class='datos-contacto'> Av. Tecnologico, edificio B5, col. Sahuaro, Hermosillo, Sonora; M&eacute;xico </span><br/>
						
					</p>
				
				</article>

				<article id='contactanos'>
					<form action="email.php"  method="post" name="formulariocontacto">
						<fieldset>
							<legend> Env&iacute;anos tus comentarios </legend>
							<br/> <br/>
							<div>
								<label for='nombre'> Nombre: <br/></label>
								<input type='text' id='nombre' class='fade' name='nombre' required/>
								<br/> <br/>
							</div>
							<div>
								<label for='email'> Email :  <br/></label>
								<input type='email' id='email' class='fade' name='email' required/>
								<br/> <br/>
							</div>
							
							<div>
								<label for='comentarios'> Comentarios: <br/></label>
								<textarea id='comentarios' class='fade' name='comentarios' cols='31' rows='5' required> </textarea>
								<br/> <br/>
							</div>
							<div>
								<input type='submit' id='enviar' class='fade' name='enviar_btn' value='enviar'/> 
							</div>
						</fieldset>
					</form>

				</article>

			</section>
			<section id='mapa'>
				<fieldset><legend>mapa</legend>
				<iframe width="300" height="300" frameborder="0" scrolling="no" marginheight="0" marginwidth="0" src="https://maps.google.com.mx/maps/ms?t=h&amp;msa=0&amp;msid=204451402483383688920.0004dae434fed4b56e8a7&amp;source=embed&amp;ie=UTF8&amp;z=17&amp;output=embed"></iframe><br /><small>Ver <a href="https://maps.google.com.mx/maps/ms?t=h&amp;msa=0&amp;msid=204451402483383688920.0004dae434fed4b56e8a7&amp;source=embed&amp;ie=UTF8&amp;z=17" style="color:#0000FF;text-align:left" target="_blanck">CENTRO DE INNOVACION E INCUBACION DE EMPRESAS ITH</a> en un mapa ampliado</small>
				</fieldset>
			</section>
		</section>
	



</section></btr>
<section id="banner">
Publicidad

<div class="flexslider">
<ul class="slides">
<li>
<a href=""><img src="images/slide1.jpg"/></a>
<p class="flex-caption"> 1</p>
</li>
<li>
<a href=""><img src="images/slide2.jpg"/></a>
<p class="flex-caption"> 2</p>
</li>
<li>
<a href=""><img src="images/slide3.jpg"/></a>
<p class="flex-caption"> 3</p>

</li>
</ul>
</div>

</section></br>
</section>

<footer>
<article id="menu-bajo">
	
<ul>
<li><a href="index.html">Inicio&nbsp;</a><li>
<li><a href="acerca.html">Acerca&nbsp;</a><li>
<li><a href="servicios.html">Servicios&nbsp;</a><li>
<li><a href="incubados.html">Incubados&nbsp;</a><li>
<li><a href="contacto.html">Contactanos&nbsp;</a><li>
<li><a href="iniciar.html">Iniciar sesion&nbsp;</a><li>
</ul>

</article>
<br/>
						<span class='datos-contacto'> 
							<a class='fade' href="http://www.facebook.com/damariskmoreno" title='facebook' target="_blank"> <img id='fb' src="images/facebook-logo.png"/> </a>
							&nbsp;&nbsp;&nbsp;
							<a class='fade' href="http://www.twitter.com/@damarismoreno92" title='Twitter' target="_blank"> <img id='tw' src="images/twitter-logo.png"/> </a>
							&nbsp;&nbsp;&nbsp;
							<a class='fade' href="http://plus.google.com/u/0/1137639914622440801400" title='Google' target="_blank"> <img id='go' src="images/google-plus-logo.png"/> </a>
							&nbsp;&nbsp;&nbsp;
							<a class='fade' href="http://www.youtube.com/DesarrolloWeb" title='YouTube' target="_blank"> <img id='yt' src="images/youtube-logo.png"/> </a>
							&nbsp;&nbsp;&nbsp;
						</span><br/>

</br>
CENTRO DE INCUBACION E INNOVACION EMPRESARIAL<a href="http://www.ith.mx/" target="_blank">@ITH</a>
</footer>
</body>
</html>